@import "./base.css";
html {
  scroll-behavior: smooth;
}

#app {
  /* max-width: 1280px;
  margin: 0 auto; */
}

a{
  transition: .3s;
  text-decoration: none;
  color: var(--color-a-text);
}
a:hover, .green {
  color: hsla(160, 100%, 37%, 1);
}

h2, h4{
  font-weight: 600;
}
h4{
  margin-top: 20px;
  font-size: 16px;
}
.code{
  padding: 10px;
  border-radius: 6px;
  background: #f7f6ff;
  white-space: pre-wrap;
  color: #3182bd;
}
.component_item{
  border: 1px solid #ede8f4;
  border-radius: 6px;
  transition: .3s;
  margin-top: 5px;
}
.component_item:hover{
  box-shadow: 0 0 8px #dedcde;
}
.top_no_radius{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.p_20{
  padding: 20px;
}
.mt20{
  margin-top: 20px;
}
.mt40{
  margin-top: 40px;
}
.part{
  /* border-top: 4px solid #f7f6ff;
  margin-top: 60px; */
}
.yong_ui_table_head{
  color: #808386;
}
.yong_ui_table td{
  padding: 12px;
  border-bottom: 1px solid #dbe0e3;
}